<template>
    <div class="app">
        <h2>我是App组件</h2>
        <Person :name="name" :age="age"/>
    </div>
</template>

<script>
    import Person from './components/Person.vue'

    export default {
        name:'App',
        components:{Person},
        data(){
            return {
                name:'麦霸海峰',
                age:{
                    originAge:38,
                    foreignAge:18
                }
            }
        }
    }
</script>

<style>
    .app {
        background-color: gray;
        padding: 20px;
    }
</style>